import React, { Component } from 'react'
import { Text, StyleSheet, View,ImageBackground,Image,TouchableOpacity } from 'react-native'

export default class EquityCom extends Component {
  upLevelFn=()=>{
    console.log('点击了:升级团长')
  }
  render() {
    return (
      <ImageBackground 
      style={{flex:1,height:45,marginTop:10,flexDirection:'row',justifyContent:'space-between',alignItems:'center',
        paddingLeft:10,paddingRight:10,borderRadius:22
      }}
      resizeMethod='resize'
      source={require('../../assets/images/equityBg.png')}>
        <View style={{flexDirection:'row'}}>
          <Image style={{width:20,height:18}} resizeMethod='resize' source={require('../../assets/icons/equity.png')}></Image>
          <Text style={{fontSize:15,color:'#6a4714'}}> 升级享受更多权益 </Text>
        </View>
        <TouchableOpacity onPress={()=>this.upLevelFn()}>
          <View style={{width:81,height:25,
            borderRadius:14,backgroundColor:'#6a4714',borderWidth:0}}>
              <Text style={{textAlign:'center',lineHeight:25,color:'#f0e1c9'}}>升级团长</Text>
          </View>
        </TouchableOpacity>
      </ImageBackground>
    )
  }
}

const styles = StyleSheet.create({
  upButton:{
    color:'#f0e1c9',
    fontSize:14,
  }
})
